<style type="text/css">
	.nav-feature{		
		border:1px solid #d2d2d2;
		background:#f0f0f0;
	}
	.nav-feature li {
		overflow:hidden;
		display:block;
		padding:10px;
		border-bottom: 1px solid #d2d2d2;
	}
	.nav-feature li .title {
		float:left;
		font-size:12pt;
		width:70%;
	}
	.nav-feature li .thumb{
		float:right;
		overflow:hidden;
		width:30%;
	}
	.nav-feature li .thumb img {
		width:70px;
		height:45px;
		margin-left:5px;		
	}
</style>
<div class="widget">
	
	<?php if (count($data) > 0 && isset($data)): ?>
			<img src="<?php print base_url(); ?>images/main/ui_article_interest.png" style="margin-bottom:15px;" />
			<ul class="nav nav-stacked nav-feature widget-bg-grey">
		<?php for ($i=0; $i<count($data); $i++): ?>
				<li>
					<div class="title">
						<a href="<?php print base_url(); ?>article/view/<?php print $data[$i]['ART_CODE']; ?>"><?php print $data[$i]['ART_TITLE']; ?></a>
						<span></span>
					</div>	
					<div class="thumb">
						<img src="<?php print $data[$i]['ART_IMG_THUMB']; ?>" />
					</div>									
				</li>
		<?php endfor; ?>
			</ul>
	<?php endif; ?>
	
</div>